<template>
  <view class="callMe_container app_container_page">
    <view class="callMeLogo"> </view>
    <view class="meMsg">
      <view class="meMsgList">
        <view class="meMsgPic myPhone"></view>
        <text>客服热线：010-82204482</text>
      </view>
      <view class="">
        <view class="meMsgPic myQQ"></view>
        <text>QQ联系：55644589</text>
      </view>
      <view class="">
        <view class="meMsgPic myEmail"></view>
        <text>联系邮箱：tongkangzhilu@163.com</text>
      </view>
      <view class="">
        <view class="meMsgPic myWebsite"></view>
        <text>网址：http://www.tongkangzhilu.com</text>
      </view>
    </view>
  </view>
</template>

<style lang="scss">
.callMe_container {
  width: 100%;
  height: 100%;
  padding: 28rpx 30rpx 0 30rpx;
  .callMeLogo {
    width: 690rpx;
    height: 340rpx;
    background: #ffa200;
    border-radius: 20rpx;
    background-image: url('#{$BASEURL}/appLogo.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

  .meMsg {
    height: 240rpx;
    width: 690rpx;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 41rpx;

    view {
      display: flex;
      align-items: center;

      .meMsgPic {
        margin: 0 35rpx 0 31rpx;
        width: 39rpx;
        height: 38rpx;
      }
      .myPhone {
        background: url('#{$BASEURL}/myPhone-icon.png') no-repeat;
        background-size: cover;
      }
      .myQQ {
        background: url('#{$BASEURL}/myQQ-icon.png') no-repeat;
        background-size: cover;
      }
      .myEmail {
        background: url('#{$BASEURL}/myEmail-icon.png') no-repeat;
        background-size: cover;
      }
      .myWebsite {
        background: url('#{$BASEURL}/myWebsite-icon.png') no-repeat;
        background-size: cover;
      }
      text {
        font-size: 30rpx;
        line-height: 60rpx;
        height: 60rpx;
      }
    }
  }
}
</style>
